<template>
  <div class="q-pa-md q-gutter-sm">
    <t-button
      align="left"
      class="btn-fixed-width"
      color="primary"
      label="Align to left"
    />
    <t-button
      align="right"
      class="btn-fixed-width"
      color="secondary"
      label="Align to right"
    />
    <t-button
      align="between"
      class="btn-fixed-width"
      color="accent"
      label="Align between"
      icon="flight_takeoff"
    />
    <t-button
      align="around"
      class="btn-fixed-width"
      color="brown-5"
      label="Align around"
      icon="lightbulb_outline"
    />
  </div>
</template>

<style lang="sass" scoped>
.btn-fixed-width
  width:210px
  background-color: red !important
  padding-top:20px
</style>
